import React from 'react';
import { Path, Svg } from 'react-native-svg';

import { IconProps } from '../../types';

export const MacrosIcon = ({ stroke = 'black' }: IconProps): JSX.Element => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 22 22" fill="none">
      <Path
        d="M11.593 5L6.31136 11.4128C6.105 11.6636 6.00123 11.7896 6.00004 11.8952C5.99927 11.9407 6.00874 11.9858 6.02775 12.0271C6.04675 12.0684 6.07479 12.1047 6.10974 12.1334C6.19157 12.2 6.35286 12.2 6.67603 12.2H11L10.407 17L15.6886 10.5872C15.895 10.3364 15.9988 10.2104 16 10.1048C16.0007 10.0593 15.9913 10.0142 15.9723 9.9729C15.9532 9.93163 15.9252 9.89528 15.8903 9.8666C15.8084 9.8 15.6471 9.8 15.324 9.8H11L11.593 5Z"
        stroke={stroke}
        strokeOpacity="0.565"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M11 1C13.4263 1 15.7699 1.88216 17.594 3.48208C19.4181 5.08201 20.5983 7.29056 20.9146 9.69618C21.231 12.1018 20.6619 14.5404 19.3135 16.5575C17.965 18.5746 15.9292 20.0327 13.5854 20.66C11.2415 21.2873 8.74956 21.041 6.57384 19.9671C4.39812 18.8932 2.68707 17.0648 1.75953 14.8228C0.831994 12.5807 0.751249 10.0779 1.53234 7.78077C2.31343 5.4836 3.90308 3.54877 6.00505 2.33683"
        stroke={stroke}
        strokeOpacity="0.565"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  );
};
